<!--  -->
<template>
  <div class='m-top-view clearfix'>
    <menu>全部分类</menu>
    <ul>
      <li>
        <nuxt-link to='/my'>美团外卖</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/my'>猫眼电影</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/my'>美团酒店</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/my'>民宿/公寓</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/my'>商家入驻</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/my'>美团公益</nuxt-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
.m-top-view {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  menu {
    height: 100%;
    width: 230px;
    float: left;
    background: rgba(2, 181, 157, 0.85);
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    line-height: 50px;
    padding-left: 15px;
  }
  ul {
    float: left;
    padding-left: 35px;
    a {
      color: #222;
      font-weight: 700;
      font-size: 16px;
      cursor: pointer;
      &:hover {
        color: #f04d4e;
      }
    }
  }

  li {
    float: left;
    padding: 0 20px;
    line-height: 50px;
  }
}
.clearfix {
  overflow: auto;
  _height: 1%;
}
</style>
